*{
    font-size: 14px;
}
input, button, select, textarea{
    font-size: 14px;
}
html,body{
    font-size: 100%;
}
@font-face {
    font-family: syht-nar;
    src:url('../../font/SOURCEHANSANSCN-NORMAL.OTF');
}
/*#login*/
#login>.header * {
    float:left;
}
#login>.header{
    height:1.23rem;
    line-height: 1.23rem;
    font-family: syht-nar;
    background: #ffffff;
    border:0;
}
#login>.header .logo{
    height: 100%;
    width:1.25rem;
    background: url('../../images/geological/logo.png') no-repeat center center;
    background-size:0.48rem 0.48rem;
}
#login>.header .title{
    color:#1f296b;
    font-size: 0.26rem;
}
#login>.log-main{
    height: 8.5rem;
    width: 100%;
    background:url('../../images/geological/log-bg.png') no-repeat;
    background-size:cover;
    overflow:hidden;
}
#login>.log-main .log-box{
    width: 4.15rem;
    /*padding:0.1rem;*/
    /*padding-top:0.15rem;*/
    margin:1.4rem 0 0 12.3rem;
    background: rgba(255,255,255,0.3);
}
#login>.log-main .log-box .log-title {
    font-size: 0.3rem;
    text-align: center;
    background: #1197ec;
    height:0.95rem;
    line-height:0.95rem;
    color:#fff;
}
#logForm{
    font-size: 1rem;
}
#login>.log-main .log-box .form-box{
    width: 100%;
    box-sizing:border-box;
    padding: 0.6rem;
    padding-bottom: 0.7rem;
    background: #fff;
}
#login>.log-main .log-box .form-box .input-g.g1{
    margin-bottom:0.3rem;
}
#login>.log-main .log-box .form-box .input-g{
    width: 100%;
    height:0.6rem;
    position: relative;
}
#login>.log-main .log-box .form-box .input-g .icon-d{
    display: block;
    width: 0.6rem;
    height: 100%;
    position: absolute;
    left:0;
    background-color: #afb1b8;
}
#login>.log-main .log-box .form-box .input-g input{
    width: 100%;
    height:100%;
    border:1px solid #e6e6e6;
    font-size: 0.18rem;
    box-sizing: border-box;
    padding-left: 0.8rem;
    font-family: syht-nar;
}
.icon-user{
    background: url('../../images/geological/icons/user.png') no-repeat center center;
    background-size: 0.29rem auto;
}
.icon-lock{
    background: url('../../images/geological/icons/lock.png') no-repeat center center;
    background-size: 0.18rem auto;
}
#login input.submit{
    background: url('../../images/geological/log-btn.png') no-repeat;
    background-size: cover;
    height: 0.6rem;
    line-height:0.6rem;
    border:0px;
    border-radius:5px;
    width: 100%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    margin-top:50px;
    font-size: 0.2rem;
    font-family: syht-nar;
    color:#fff;
}
.error{
    color:#f00;
}
#login .footer{
    width: 100%;
    height:0.8rem;
    line-height: 0.8rem;
    font-family: syht-nar;
    background: #f0f0f0;
    padding: 0 2rem;
    position: fixed;
    bottom:0px;
    left:0px;
    box-sizing: border-box;
}
.footer{
    width: 100%;
    height:0.60rem;
    line-height: 0.60rem;
    font-family: syht-nar;
    background: #f0f0f0;
    padding: 0 2rem;
    position: absolute;
    bottom:0px;
    left:0px;
    box-sizing: border-box;
}
.footer .foot-l{
    font-size: 0.2rem;
}
.footer .foot-l a{
    color:#59669f;
    font-size: 0.2rem;
}
.footer .foot-r{
    font-size: 0.2rem;
}
/*#public-nav*/
.header>* {
    float:left;
}
.header{
    height:1rem;
    line-height: 1rem;
    font-family: syht-nar;
    background: linear-gradient(to top,#343434 0%,#4c4c4d 100%);
    border-bottom:0.1rem solid #1197ec;
    box-sizing: content-box;
}
.header>.line{
    width: 2px;
    height: 100%;
    background: linear-gradient(to bottom,#343434 0%,#4c4c4d 100%);
}
.header .logo{
    height: 100%;
    width:1.3rem;
    background: url('../../images/geological/logo.png') no-repeat center center;
    background-size:0.48rem 0.48rem;
}
.header .title{
    color:#fff;
    font-size: 0.24rem;
    padding-left: 0.3rem;
}
.header .nav-list{
    height: 100%;
    width: 9.26rem;
    line-height: 0.25rem;
    margin-left:0.2rem;
}
.header .nav-list>li{
    float: left;
}
.header .nav-list .gap{
    width: 0.06rem;
    height: 100%;
    /*background: linear-gradient(to bottom,#343434 0%,#4c4c4d 100%);*/
}
.header .nav-list>li.item{
    width: 1.1rem;
    height: 100%;
    text-align: center;
    background: linear-gradient(to bottom,#585757 0%,#43403e 100%);
    cursor:pointer;
    position: relative;
}
.header .nav-list>li.item.current,
.header .nav-list>li.item:hover {
    width: 1.1rem;
    height: 100%;
    text-align: center;
    background: linear-gradient(to bottom,#3f3f3e 0%,#575757 100%);
    border-bottom:0.1rem solid #7ea5e6;
    box-sizing: content-box;
}
.header .nav-list>li.item>p{
    font-size: 0.14rem;
    font-family: syht-nar;
    color:#d2d1d3;

}
.header .nav-list>li.item .nav-icon{
    width: 100%;
    height:0.65rem;
}
.header .nav-list>li.item .nav-icon.icon-index{
    background: url('../../images/geological/icons/index.png') no-repeat center;
    background-size: auto 0.45rem;
}
.header .nav-list>li.item .nav-icon.icon-xm{
    background: url('../../images/geological/icons/xm.png') no-repeat center;
    background-size: auto 0.45rem;
}
.header .nav-list>li.item .nav-icon.icon-zhinfo{
    background: url('../../images/geological/icons/zhinfo.png') no-repeat center;
    background-size: auto 0.45rem;
}
.header .nav-list>li.item .nav-icon.icon-ljinfo{
    background: url('../../images/geological/icons/ljinfo.png') no-repeat center;
    background-size: auto 0.45rem;
}
.header .nav-list>li.item .nav-icon.icon-zhjg{
    background: url('../../images/geological/icons/zhjg.png') no-repeat center;
    background-size: auto 0.45rem;
}
.header .nav-list>li.item .nav-icon.icon-jccg{
    background: url('../../images/geological/icons/jccg.png') no-repeat center;
    background-size: auto 0.45rem;
}
.header .nav-list>li.item .nav-icon.icon-tbfx{
    background: url('../../images/geological/icons/chart.png') no-repeat center;
    background-size: auto 0.45rem;
}
.header .nav-list>li.item .nav-icon.icon-sm{
    background: url('../../images/geological/icons/sm.png') no-repeat center;
    background-size: auto 0.45rem;
}
.header .user-tool{
    height:100%;
    margin-left:0.25rem;
    cursor:pointer;
    position: relative;
    width: 2.11rem;
    float: right;
}
.header .user-tool>div{
    float: left;
}
.header .user-tool:hover .drap-meun{
    display: block;
}
.header .user-tool>ul.drap-meun{
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    top:1rem;
    border-radius:0 0 5px 5px;
    display: none;
}
.header .user-tool>ul.drap-meun>li{
    width: 100%;
    line-height: 0.6rem;
    box-sizing: border-box;
}
.header .user-tool>ul.drap-meun>li a{
    color:#fff;
    display: block;
    height: 100%;
    width: 100%;
    padding-left: 0.3rem;
    box-sizing: border-box;
}
.header .user-tool>ul.drap-meun>li:hover{
    background: rgba(255,255,255,0.3);
}
.header .user-tool .uhead .pic{
    margin-top:0.25rem;
    width: 0.45rem;
    height:0.45rem;
    background: url('../../images/geological/Avatar-sample-159.png') no-repeat center center;
    background-size: cover;
    border-radius: 50%;
    overflow: hidden;
}
.header .user-tool .uname,
.header .user-tool .uhead {
    height: 100%;
    line-height: 1rem;
    overflow: hidden;
}
.header .user-tool .uname {
    color:#fafafa;
    font-size: 0.18rem;
    margin-left:0.2rem;
    font-family: syht-nar;
}
.header .user-tool .dw-icon {
    width: 0.32rem;
    height: 100%;
    background: url('../../images/geological/icons/dw.png') no-repeat center center;
    background-size: 100% auto;
    margin-left:0.5rem;
}
.header .nav-list>li.item .drwpdown-menu{
    width: 2.8rem;
    height: 2rem;
    background: url('../../images/geological/icons/dwar.png') no-repeat center 0.35rem;
    background-size: 0.36rem auto;
    position: absolute;
    left:-0.85rem;
    padding-top: 0.5rem;
    display: none;
}
.header .nav-list>li.item .drwpdown-menu ul{
    padding:0.2rem;
    padding-bottom: 0.05rem;
    background: #454343;
    width: 100%;
    border-radius: 0.03rem;
    box-sizing: border-box;
}
.header .nav-list>li.item .drwpdown-menu ul>li{
    width: 100%;
    height:0.66rem;
    background:url('../../images/geological/drapwBtn-bg.png') no-repeat;
    background-size: 100% 100%;
    margin-bottom: 0.24rem;
}
.header .nav-list>li.item .drwpdown-menu ul>li:hover,
.header .nav-list>li.item .drwpdown-menu ul>li.active {
    width: 100%;
    height:0.66rem;
    background:url('../../images/geological/drapwBtna-bg.png') no-repeat;
    background-size: 100% 100%;
    margin-bottom: 0.24rem;
}
.header .nav-list>li.item .drwpdown-menu ul>li>a{
    display: block;
    height: 100%;
    width:100%;
}
.header .nav-list>li.item .drwpdown-menu ul>li>a>*{
    float: left;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon{
    height: 100%;
    width: 0.9rem;
}
.header .nav-list>li.item .drwpdown-menu ul>li .line{
    width: 2px;
    height: 0.4rem;
    background: #000;
    background: linear-gradient(to bottom,#aba8a8 0%,#aca9a8 100%);
    margin-top:0.12rem
}
.header .nav-list>li.item .drwpdown-menu ul>li .text{
    color: #323232;
    line-height: 0.66rem;
    font-size: 0.2rem;
    margin-left:0.25rem;
    font-family: syht-nar;
    font-weight: bold;

}
.header .nav-list>li.item .drwpdown-menu ul>li:hover .line,
.header .nav-list>li.item .drwpdown-menu ul>li.active .line {
    background: #6078b3;
}
.header .nav-list>li.item .drwpdown-menu ul>li:hover .text,
.header .nav-list>li.item .drwpdown-menu ul>li.active .text {
    color: #fff;
}
.header .nav-list>li.item:hover .drwpdown-menu{
    display: block;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.sjcx{
    background: url('../../images/geological/icons/search.png') no-repeat center 0.1rem;
    background-size: 0.68rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.sp{
    background: url('../../images/geological/icons/sp.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.chart{
    background: url('../../images/geological/icons/chart.png') no-repeat center 0.1rem;
    background-size: 0.68rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.czxx{
    background: url('../../images/geological/icons/czxx.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.sbgk{
    background: url('../../images/geological/icons/sbgk.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.dtdw{
    background: url('../../images/geological/icons/dtdw.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.yjxpz{
    background: url('../../images/geological/icons/yjxpz.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.zhyd{
    background: url('../../images/geological/icons/zhyd.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.yjfa{
    background: url('../../images/geological/icons/yjfa.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.yjcs{
    background: url('../../images/geological/icons/yjcs.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.kcsj{
    background: url('../../images/geological/icons/kcsj.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.rgsj{
    background: url('../../images/geological/icons/rgsj.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.zdjcsj{
    background: url('../../images/geological/icons/zdjcsj.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.dsfsj{
    background: url('../../images/geological/icons/dsfsj.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.sjbf{
    background: url('../../images/geological/icons/sjbf.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.threedmap{
    background: url('../../images/geological/icons/3dmap.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.zqmn{
    background: url('../../images/geological/icons/zqmn.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
/* .header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.sjcx{
    background: url('../../images/geological/icons/sjcx.png') no-repeat center 0.1rem;
    background-size: 0.48rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.spjk{
    background: url('../../images/geological/icons/spjk.png') no-repeat center 0.1rem;
    background-size: 0.68rem auto;
}
.header .nav-list>li.item .drwpdown-menu ul>li .menu-icon.tbfx{
    background: url('../../images/geological/icons/tbfx.png') no-repeat center 0.1rem;
    background-size: 0.68rem auto;
} */
/*#index*/
.index-main{
    font-size: 100%;
}
.index-main .main-left{
    float:left;
    width:84%;
    height:8.64rem;
    position: relative;
}
.index-main .main-left .page-tool{
    position: absolute;
    top:4rem;
    width: 100%;
    z-index: 99999999;
    height: 0;
}
.index-main .main-left .page-tool>div{
    height: 0.5rem;
    width: 0.5rem;
    cursor:pointer;
}
.index-main .main-left .page-tool>div.prev{
    background: url('../../images/geological/icons/prev.png') no-repeat center center;
    background-size: cover;
}
.index-main .main-left .page-tool>div.next{
    background: url('../../images/geological/icons/next.png') no-repeat center center;
    background-size: cover;
}
.index-main .main-left .page-tool>div.no{
    opacity:0.6;
    cursor:default;
}
.index-main .main-right{
    float:left;
    width:16%;
    height:8.64rem;
    border-left:1px solid #eef1fa;
    box-sizing: border-box;
    font-size: 1rem;
}
.index-main .main-right>.title{
    width: 100%;
    height: 0.56rem;
    line-height: 0.56rem;
    font-size: 0.2rem;
    color:#3c619e;
    padding-left: 0.25rem;
    font-weight: bold;
    background: #f5f5f5;
    border-bottom:2px solid #e6e6e6;
    box-sizing: border-box;
}
.index-main .main-right>.news-list{
    width: 97%;
    height: 2.3rem;
}
.index-main .main-right>.news-list>li{
    width: 100%;
    line-height: 0.56rem;
    cursor:pointer;
    border-bottom:2px solid #e6e6e6;
    overflow: hidden;
}
.index-main .main-right>.news-list>li:hover,
.index-main .main-right>.news-list>li.current{
    background: #f0f0f0;
}
.index-main .main-right>.news-list>li:hover .news-tool,
.index-main .main-right>.news-list>li.current .news-tool{
    display: block;
}
.index-main .main-right>.news-list>li.current .news-tool>div.read{
    background: url('../../images/geological/news-tool.png') no-repeat center center;
    background-size: cover;
}
.index-main .main-right>.news-list>li>p{
    float: left;
    height: 0.56rem;
}
.index-main .main-right>.news-list>li>p.order-number{
    width: 0.55rem;
    height: 100%;
    text-align: right;
    font-size: 0.18rem;
    color: #646464;
    font-family: syht-nar;
}
.index-main .main-right>.news-list>li>p.news-title{
    font-size: 0.18rem;
    margin-left:0.2rem;
    color:#323232;
    font-weight: bold;
}
.index-main .main-right>.news-list>li>.news-tool{
    height: 0.56rem;
    /*width: 1.16rem;*/
    display: none;
}
.index-main .main-right>.news-list>li>.news-tool>div{
    float:left;
    width: 0.58rem;
    height: 100%;
}
.index-main .main-right>.news-list>li>.news-tool>div .myicon{
    width: 100%;
    height: 100%;
}
.index-main .main-right>.news-list>li>.news-tool>div:hover{
    background: url('../../images/geological/news-tool.png') no-repeat center center;
    background-size: cover;
}
.index-main .main-right>.news-list>li>.news-tool>div.read .myicon{
    background: url('../../images/geological/icons/read.png') no-repeat center center;
    background-size: 0.24rem auto;
}
.index-main .main-right>.news-list>li>.news-tool>div.del .myicon{
    background: url('../../images/geological/icons/del.png') no-repeat center center;
    background-size: 0.25rem auto;
}
.index-main .main-right>.news-list>li>div.news-content {
    float: left;
    width: 100%;
    line-height: 0.24rem;
    padding: 0.1rem 0.3rem;
    box-sizing: border-box;
    background-color: #2b6aec;
    font-size:0.14rem;
    color:#fff;
    display: none;
    position: relative;
}
.index-main .main-right>.news-list>li>div.news-content:before{
    content: '';
    display: block;
    height: 0.04rem;
    width: 0.1rem;
    background: url('../../images/geological/icons/news-awr.png') no-repeat center center;
    background-size: 0.1rem auto;
    position: absolute;
    top:-0.04rem;
    right: 0.2rem;
}
.index-main .main-right>.news-list>li.current>div.news-content{
    display: block;
}
/*jq.nicescroll*/
.nicescroll-rails.nicescroll-rails-vr{
    background: #fff;
}
/*tree-main-public*/
.sm-left{
    width: 14.5%;
    height:8.64rem;
    background: #ffffff;
    float: left;
    font-size: 1rem;
    transition: width ease 0.3s;
}
.sm-left>.title{
    height:0.6rem;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #e4e5e5 0%,#cdcccd 100%);
    line-height: 0.6rem;
    font-size:0.16rem;
    color:#3c619e;
    font-weight:bold;
}
.sm-left>.title .title-icon{
    height: 100%;
    width: 0.7rem;
    float: left;
    background:url("../../images/geological/icons/title-icon-ds.png") no-repeat center center;
    background-size:46px auto;
}
.sm-left>.title .title-btn{
    width: 0.4rem;
    height:100%;
    background: url('../../images/geological/icons/dbleft.png') no-repeat center center;
    background-size:0.13rem auto;
    float:right;
    background-color:#c3c3c3;
    cursor:pointer;
}
.sm-left>.search-box{
    height: 0.73rem;
    width: 100%;
    padding:0.18rem 0.2rem;
    box-sizing: border-box;
    border-bottom:1px solid #f5f5f5;
    border-right: 6px solid #ebebeb;
}
.sm-left>.search-box #search-input{
    height:100%;
    border:0;
    width: 1.62rem;
    background:#ebebeb;
    font-size:0.14rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
    float: left;
}
.sm-left>.search-box .search-btn{
    width: 0.4rem;
    height: 100%;
    background: url('../../images/geological/icons/search-btn.png') no-repeat;
    background-size: 100% auto;
    float: left;
}
.sm-left>.tree{
    padding-left: 0.4rem;
    height: 8.05rem;
    border-right: 6px solid #ebebeb;
}
.big-right{
    float: left;
    width: 85.5%;
    font-size: 1rem;
    transition: width ease 0.3s;
    min-height: 8.64rem;
}
/*数据表*/
.table_filter{
    width: 90%;
    height:50px; 
    margin:auto;
}
.big-right>.table-container{
    width: 90%;
    margin: auto;
    border: 1px solid #e0e0e0;
    margin-top:0.45rem;
}
.big-right>.table-container .table-tab{
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
    font-size: 1rem;
}
.big-right>.table-container .table-tab .tab{
    width: 1.35rem;
    text-align: center;
    height: 0.48rem;
    line-height: 0.48rem;
    background: url('../../images/geological/table-tab-bg.png') no-repeat;
    background-size:101% 100%;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box;
    float: left;
    cursor:pointer;
}
.big-right>.table-container .table-tab .tab.current{
    border-top: 4px solid #1b6abd;
    background: url('../../images/geological/table-tab-bga.png') no-repeat;
    background-size:101% 100%;
}
/*jq.datatable*/
.strip1 {
    background-color: #f2f5f7!important;
    height: 42px;
}
.strip2 {
    background-color: #fff!important;
    height: 42px;

}
/*数据类菜单*/
#chart-analyze .big-right>.right-top-tools{
    font-size:1rem;
    height: auto;
    transition: height ease 0.3s;
    overflow: hidden;
}
.big-right>.right-top-tools{
    font-size:1rem;
    /* height: 1.7rem; */
    transition: height ease 0.3s;
    overflow: hidden;
}
.big-right>.right-top-tools-close{
    height: 0.15rem;
}
.big-right>.right-top-tools>.data-class-btns{
    padding: 0.10rem 0.68rem;
}
.big-right>.right-top-tools>.data-class-btns .class-btn{
    width: 1.75rem;
    height:0.75rem;
    background: url('../../images/geological/data-class-btn.png') no-repeat;
    background-size:100% auto;
    border-radius: 5px;
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);
    line-height: 0.75rem;
    font-size: 0.18rem;
    font-family: syht-nar;
    font-weight: bold;
    float: left;
    margin-right: 0.2rem;
    cursor:pointer;
}
.big-right>.right-top-tools>.data-class-btns .class-btn>.icon{
    height:100%;
    width: 0.74rem;
    float: left;
}
.big-right>.right-top-tools>.data-class-btns .class-btn.active,
.big-right>.right-top-tools>.data-class-btns .class-btn:hover {
    width: 1.75rem;
    height:0.75rem;
    background: url('../../images/geological/data-class-btna.png') no-repeat;
    background-size:100% auto;
    border-radius: 5px;
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);
}
.big-right>.right-top-tools>.data-class-btns .class-btn>.icon.icon-bg{
    /* background: url('../../images/geological/icons/class-icon-bg.png') no-repeat center center;
    background-size: 0.58rem auto; */
}
.big-right>.right-top-tools>.data-class-btns .class-btn>.icon>.pic{
    height: 100%;
    width: 100%;
}
.big-right>.right-top-tools>.data-class-btns .class-btn>.icon.icon-bg.wy>.pic{
    background: url('../../images/geological/icons/wy.png') no-repeat center center;
    background-size: 0.45rem auto;
}
.big-right>.right-top-tools>.data-class-btns .class-btn>.icon.icon-bg.yl>.pic{
    background: url('../../images/geological/icons/yl.png') no-repeat center center;
    background-size: 0.44rem auto;
}
.big-right>.right-top-tools>.data-class-btns .class-btn>.icon.icon-bg.xz>.pic{
    background: url('../../images/geological/icons/xz.png') no-repeat center center;
    background-size: 0.63rem auto;
}
.big-right>.right-top-tools>.data-class-btns .class-btn>.icon.icon-bg.ot>.pic{
    background: url('../../images/geological/icons/ot.png') no-repeat center center;
    background-size: 0.42rem auto;
}
.big-right>.right-top-tools>.data-class-btns .class-btn>.icon.icon-bg.sy>.pic{
    background: url('../../images/geological/icons/sy.png') no-repeat center center;
    background-size: 0.42rem auto;
}
.big-right>.right-top-tools>.data-class-btns .class-btn>.icon.icon-bg.ll>.pic{
    background: url('../../images/geological/icons/ll.png') no-repeat center center;
    background-size: 0.42rem auto;
}
.big-right>.right-top-tools>.zd-tab{
    width: 100%;
    padding: 0.1rem 0.74rem;
    background: #f5f5f5;
    box-sizing: border-box;
    position: relative;
}
.big-right>.right-top-tools>.right-top-tools-open{
    height: 0.15rem;
    background: url('../../images/geological/icons/dbbottom.png') no-repeat center center;
    background-size: 10px auto;
    background-color: #c3c3c3;
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    display: none;
    cursor:pointer;
}
.big-right>.right-top-tools>.zd-tab>.draptop{
    position: absolute;
    width: 0.5rem;
    height: 0.86rem;
    top:0;
    right: 0;
    background: url('../../images/geological/icons/dbtop.png') no-repeat center center;
    background-size: 10px auto;
    cursor:pointer;
}
.big-right>.right-top-tools>.zd-tab>.draptop:hover{
    background-color: #c3c3c3;
}
.device_tab{
    padding: 0.12rem 0.18rem;
    border: 1px solid #1b6abd;
    color:#1b6abd;
    font-size: 0.14rem;
    font-family:syht-nar;
    float: left;
    margin-right: 0.1rem;
    cursor:pointer;
}
.device_tab:hover,
.device_tab:active{
    padding: 0.12rem 0.18rem;
    border: 1px solid #1b6abd;
    background-color:#1b6abd;
    color:#fff;
    font-size: 0.14rem;
    font-family:syht-nar;
    float: left;
    margin-right: 0.1rem;
    cursor:pointer;
}
.device_tab_clicked{
    padding: 0.12rem 0.18rem;
    border: 1px solid #1b6abd;
    background-color:#1b6abd;
    color:#fff;
    font-size: 0.14rem;
    font-family:syht-nar;
    float: left;
    margin-right: 0.1rem;
    cursor:pointer;
}
/*zTree*/
.ztree * {
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;
    letter-spacing: 2px;
}
.myTree-level1_ico_close{
    background: url('../../images/geological/icons/tree-level1.png') no-repeat left center!important;
    background-size: 14px auto!important;
    width: 24px!important;

}
.myTree-level1_ico_open{
    background: url('../../images/geological/icons/tree-level1.png') no-repeat left center!important;
    background-size: 14px auto!important;
    width: 24px!important;

}
.myTree-level1_ico_docu{
    background: url('../../images/geological/icons/tree-level1.png') no-repeat left center!important;
    background-size: 14px auto!important;
    width: 24px!important;

}
.myTree-level2_ico_close{
    background: url('../../images/geological/icons/tree-level2.png') no-repeat left center!important;
    background-size: 18px auto!important;
    width: 24px!important;

}
.myTree-level2_ico_docu{
    background: url('../../images/geological/icons/tree-level2.png') no-repeat left center!important;
    background-size: 18px auto!important;
    width: 24px!important;

}
.myTree-level2_ico_open{
    background: url('../../images/geological/icons/tree-level2.png') no-repeat left center!important;
    background-size: 18px auto!important;
    width: 24px!important;

}
.myTree-level3_ico_docu{
    background: url('../../images/geological/icons/tree-level3.png') no-repeat left center!important;
    background-size: 12px auto!important;
    width: 24px!important;

}
.myTree-level3_ico_close{
    background: url('../../images/geological/icons/tree-level3.png') no-repeat left center!important;
    background-size: 12px auto!important;
    width: 24px!important;

}
.myTree-level3_ico_open{
    background: url('../../images/geological/icons/tree-level3.png') no-repeat left center!important;
    background-size: 12px auto!important;
    width: 24px!important;

}
.switch{
    transition: transform linear 0.2s;
}
.roots_open,.center_open,.bottom_open{
    background: url('../../images/geological/icons/tree-dw.png') no-repeat center center!important;
    background-size: 0.06rem auto!important;
}
.roots_close,.center_close,.bottom_close{
    transform: rotate(-90deg);
    background: url('../../images/geological/icons/tree-dw.png') no-repeat center center!important;
    background-size: 0.06rem auto!important;
}
/*data-search*/
.data-search-main{
    font-size: 1rem;
    width:100%;
    /*height:8.64rem;*/
    /*background:#000*/
}
.table-container{
    position: relative;
}
.table-tool{
    position: absolute;
    right: 0;
    top:3px;
    font-size: 1rem;
}
#time-select {
    width: 1.1rem;
    height: 0.4rem;
    background: #f3f2f2;
    -webkit-box-shadow: inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    -ms-box-shadow: inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    -moz-box-shadow: inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    box-shadow: inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    border: 0;
    padding: 0.1rem;
    box-sizing: border-box;
    float: left;
    margin-right: 0.1rem;
    border-radius: 5px;
    font-size: 0.14rem;
}
.search-at{
    cursor:pointer;
    height: 0.4rem;
    width: 0.7rem;
    background: #278DB9;
    background-size: 100% auto;
    float: left;
    border-radius:5px;
    margin-right: 0.1rem;
    color: #ffffff;
    font-size:14px;
    line-height:0.44rem;
    text-align: center;
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);
}

#reportrange{
    font-size: 0.14rem;
    float: left;
    cursor: pointer;
    padding: 0.05rem 0.1rem;
    border: 1px solid #ccc;
    width: auto;
    height: 0.4rem;
    line-height:0.3rem;
    background: #f3f2f2;
    -webkit-box-shadow: inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    -ms-box-shadow: inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    -moz-box-shadow: inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    box-shadow: inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    box-sizing: border-box;
    margin-right: 0.1rem;
    border-radius: 5px;
}

.daterangepicker.dropdown-menu.ltr.opensright.show-calendar{
    width: 425px;
}

/*chartanalyze*/
.chart-container{
    width: 90%;
    margin: auto;
    margin-top: 0.2rem;
    position: relative;
}
.chart-tool{
    position: absolute;
    right: 0;
    top:0;
    font-size: 1rem;
}
#time-select{
    width: 1.1rem;
    height: 0.4rem;
    background: #f3f2f2;
    -webkit-box-shadow:inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    -ms-box-shadow:inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    -moz-box-shadow:inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    box-shadow:inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    border:0;
    padding: 0.1rem;
    box-sizing: border-box;
    float: left;
    margin-right: 0.1rem;
    border-radius:5px;
}
#time-select{
    width: 1.1rem;
    height: 0.4rem;
    background: #f3f2f2;
    -webkit-box-shadow:inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    -ms-box-shadow:inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    -moz-box-shadow:inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    box-shadow:inset 2px 2px 6px rgba(181, 181, 184, 0.6);
    border:0;
    padding: 0.1rem;
    box-sizing: border-box;
    float: left;
    margin-right: 0.1rem;
    border-radius:5px;
}
.data-out{
    cursor:pointer;
    height: 0.47rem;
    width: 0.94rem;
    background: url('../../images/geological/data-out-bg.png') no-repeat center center;
    background-size: 100% auto;
    float: left;
    border-radius:5px;
    margin-right: 0.1rem;
    color: #ffffff;
    font-size:14px;
    line-height:0.47rem;
    text-align: center;
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);
}
.chart-tool-btn {
    background: url('../../images/geological/chart-tool-btn.png') no-repeat center center;
    background-size: 100% 100%;
    height:0.47rem;
    width: 0.47rem;
    float: left;
    border-radius:5px;
    margin-right: 0.1rem;
    cursor: pointer;
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);
}
.my-chart{
    font-size: 1rem;
    height: 5.7rem;
    overflow: hidden;
}

.close_left{
    width: 1%!important;
}
.full_right{
    width: 99%!important;
}
.left-open-btn{
    width: 0.4rem;
    height: 100%;
    background: url(../../images/geological/icons/dbright.png) no-repeat 0.25rem center;
    background-size: 0.13rem auto;
    float: right;
    background-color: #c3c3c3;
    cursor:pointer;
}
.sub_menu{
	width: 100%;
	heigth: 50px;
	line-height: 50px; 
	padding-left: 55px;
	cursor: pointer;
}
.form-control {
  float: left;
  display: block;
  width: 200px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
